<template>
	<div class="Lian">
		<h3>选择城市 
			<router-link to="/">
				<i class="iconfont">&#xe627;</i>
			</router-link>
		</h3>
		<City></City>
	</div>
	
</template>
<script>
	import City from './pages/City.vue'
	export default{
		name:'Lian',
		components:{
			City
		},
		data(){
			return{
				relist:[],
				relis:[],
			}
		},
		
	}
</script>

<style scoped>
	.Lian{
		height: 3rem;
	}
	.Lian h3{
		width: 100%;
		text-align: center;
		line-height: 1rem;
		background-color: #fed101;
	}
	.Lian h3 i{
		float: right;
	}
	.Lian aside{
		width: 98%;
		color: #808080;
		margin-left: 0.2rem;
		margin-top: 0.2rem;
		font-size: 0.3rem;
	}
	.Lian aside li{
		border: none;
		margin-top: 0.2rem;
		color: #808080;
		border-radius: 0.2rem;
		width: 1.4rem;
		line-height: 0.75rem;
		text-align: center;
		background-color: #e6e6e6;
		
	}
</style>
